import { color } from 'echarts/lib/theme/dark'

export const TestTime = {
  title: {
    text: 'Test Time(Unit:s)',
    left: 'center',
    top: '10px',
    textStyle: {
      color: '#6C6C6C',
      fontSize: 20,
      fontWeight: 600,
      align: 'center'
    }
  },
  grid:
    {
      top: '10%',
      width: '90%',
      left: '4%',
      bottom: '10%',
      // left: '5%',
      containLabel: true
    },
  // backgroundColor: '#0f375f',
  legend: {
    show: true,
    bottom: '3%'
  },
  tooltip: {
    trigger: 'axis',
    backgroundColor: 'rgba(69, 14, 255,0.5)',
    //   axisPointer: {
    //     type: 'cross' // 十字准线指示器，可选为：'line' | 'shadow'
    //   },
    borderWidth: '0',
    textStyle: {
      color: '#6DFFFF'
    },
    lineStyle: {
      width: 2,
      type: 'dashed' // 设置虚线类型
    },
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    axisLabel: {
      formatter: '{value}',
      lineStyle: {
        color: '#090909'
      }
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: '#090909'
      }
    }
  },
  yAxis: {
    type: 'value',
    axisLabel: {
      formatter: '{value}s',
      lineStyle: {
        color: '#090909'
      }
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: '#090909'
      }
    }
  },
  series: [
    {
      name: 'Testflow TestTime Per TD',
      data: [2, 1, 1, 1, 2, 1, 2, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 1, 1],
      type: 'bar',
      label: { // 显示折现的值
        show: true,
        color: '#fff',
        backgroundColor: 'transparent'// 隐藏背景颜色不然感觉有描边
      },
      itemStyle: {
        color: '#E97132'
      }
    },
    {
      name: 'Testflow平均线', // 注意：这里的 name 需要和 legend 的数据对应
      type: 'line',
      data: [],
      itemStyle: {
        color: '#E97132'
      },
      markLine: {
        symbolSize: 0, // 不展示上下限两边的图标
        silent: true,
        data: [
          {
            lineStyle: {
              type: 'dashed', // 基准线样式为实线
              color: '#E97132',
              width: 2
            },
            yAxis: 1.26, // 控制限制刻度
            label: { show: true, position: 'end', formatter: 'Testflow' },
            tooltip: {
              show: true,
              formatter: 'Testflow平均线: {c}'
            }
          }
        ]
      }
    },
    {
      name: 'Overall Test Time Per TD',
      data: [2, 7, 10, 10, 12, 10, 10, 8, 10, 9, 10, 10, 10, 9, 15, 11, 58, 1, 8],
      type: 'bar',
      label: { // 显示折现的值
        show: true,
        color: '#fff',
        backgroundColor: 'transparent'// 隐藏背景颜色不然感觉有描边
      },
      itemStyle: {
        color: '#5470C6'
      }
    },
    {
      name: 'Overall平均线', // 注意：这里的 name 需要和 legend 的数据对应
      type: 'line',
      data: [],
      itemStyle: {
        color: '#5470C6'
      },
      markLine: {
        symbolSize: 0, // 不展示上下限两边的图标
        silent: true,
        data: [
          {
            lineStyle: {
              type: 'dashed', // 基准线样式为实线
              color: '#5470C6',
              width: 3
            },
            yAxis: 11, // 控制限制刻度
            label: { show: true, position: 'end', formatter: 'Overall' },
            tooltip: {
              show: true,
              formatter: 'Overall平均线: {c}'
            }
          }
        ]
      }
    }

  ]
}
